<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="SiteName" content="CMS">
        <title>Welcome-CMS</title>

        <!-- CSS -->
        <link rel="stylesheet" href="css/bootstrap.min.css">


        <style>
            body {
                background: #f8f8f8 url(images/pattern.jpg);
                font-family: 'PT Sans', Helvetica, Arial, sans-serif;
                font-size: 16px;
                font-weight: 400;
                color: #555;
                text-align: center;
            }
            h1 {
                display: inline-block;
                margin-top: 60px;
                padding-bottom: 10px;
                font-size: 36px;
                font-weight: 400;
                color: #2d2d2d;
                border-bottom: 3px dotted #aaa;
            }
            a {
                display: inline-block;
                margin-top: 30px;
                -o-transition: all .2s;
                -moz-transition: all .2s;
                -webkit-transition: all .2s;
                -ms-transition: all .2s;
            }
            a:hover { opacity: 0.7; }
            img {
                padding: 7px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
                -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
                box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
            }
            p {
                margin-top: 15px;
                font-weight: bolder;
            }
            .bottom {
                height: 60px;
            }
        </style>

    </head>

    <body>

        <div class="container">

            <div class="row">
                <div class="span10 offset1">
                    <h1>欢迎来到我的练习小站</h1>
                </div>
            </div>

            <div class="row">
                <div class="span5 offset1">
                    <a class="video" href="cms/login"><img src="images/video.jpg" alt=""></a>
                    <p>CMS系统</p>
                </div>
                <div class="span5">
                    <a class="iphone" href="introduction.html"><img src="images/iphone.jpg" alt=""></a>
                    <p>CMS简介</p>
                </div>
            </div>

            <div class="row">
                <div class="span5 offset1">
                    <a class="ebook" href="ebook.html"><img src="images/ebook.jpg" alt=""></a>
                    <p>网站统计分析</p>
                </div>
                <div class="span5">
                    <a class="coming-soon" href="coming-soon.html"><img src="images/coming-soon.jpg" alt=""></a>
                    <p>我的页面</p>
                </div>
            </div>
            
        </div>

        <div class="bottom"></div>
</body>
</html>

